<template>
   <div id="login_box">
		<div class="vali_list login_list">
			<h4>登录</h4>
			<ul>
				<li><img src="../../public/images/reg_logo.png"/></li>
				<li>
					<input type="tel" class="form-control" 
					 	 placeholder="请输入你的手机号">
				</li>
				<li>
					 <input type="password" class="form-control" >
				</li>
				<li >
					<input class="registbtn" type="submit" value="下一步"/>
					<a href="forgetpwd.html">忘记密码？</a>
				</li>
			</ul>
			<p class="heaven">没有账号？<a href="">立即注册！</a></p>
		</div>
   </div>
</template>

<script>
    export default {
        name:'login_box',
    }
</script>

<style lang="less" rel="stylesheet/less" type="text/css">
	@import '../../public/css/variable.less';
	.regist{ height: 780px; }
	.regist_wrap{
	    width: 400px;
	    margin: 60px auto 0;
	    ul{
	        width: 320px;
	        li{
	            .cf();
	            a{
	                .fonts(12px);
	                color: #0b69aa;
	                float: right;
	            }
	        }
	    }
	}

	.login_list{
	    h4{
	        margin: 0 40px 15px;
	    }
	}
</style>